<!DOCTYPE html>
<html>

<head>
    <!-- Site made with Mobirise Website Builder v5.2.0, https://mobirise.com -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="generator" content="Mobirise v5.2.0, mobirise.com">
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:image:src" content="assets/images/index-meta.jpg">
    <meta property="og:image" content="assets/images/index-meta.jpg">
    <meta name="twitter:title" content="Phantoms">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <link rel="shortcut icon" href="assets/images/frame-1-121x121.png" type="image/x-icon">
    <meta name="description" content="FF14、FC/CWLS Phantomsのホームページです。">


    <title>Phantoms</title>
    <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
    <link rel="stylesheet" href="assets/tether/tether.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="assets/dropdown/css/style.css">
    <link rel="stylesheet" href="assets/socicon/css/styles.css">
    <link rel="stylesheet" href="assets/theme/css/style.css">
    <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">

    <!--  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">-->
    <link rel="stylesheet" href="assets/web/assets/fontawesome.css">
    <link rel="stylesheet" href="vedio/play_vedio.css">
    <link rel="stylesheet" href="additions/mouse.css">

    <style>
        .header1 {
            height: 100vh;
            width: 100vw;
            overflow: hidden;
            position: relative;
            background-color: transparent;
        }

        .mbr-overlay {
            background-color: transparent;
        }

        iframe {
            height: 1200px;
            width: 100%;
            top: 0;
            left: 0;
            border: none;
        }
    </style>

</head>



<body>

<div id="menu"></div>
<script src="./assets/web/assets/jquery/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#menu").load("./additions/menu/menu1.html");
    });

    function loadNewContent() {
        history.pushState({page: 1}, "title 1", "?page=1");
        updateIframeContent();
    }

    window.addEventListener('popstate', function(event) {
        console.log("Location changed to: " + document.location + " with state: " + JSON.stringify(event.state));
        updateIframeContent();
    });

    function updateIframeContent() {
        var queryString = window.location.search;
        var iframe = document.querySelector("iframe");
        iframe.src = "https://oopz.cn/i/9XgUt9" + queryString;
    }
    // 初始化加载
    updateIframeContent();
</script>


<!--plugin began-->
<section class="header1 cid-s48MCQYojq mbr-fullscreen" id="header1-f" >
    <div class="mbr-overlay" style="opacity:1; background-color: rgb(33,31,33);"></div>
    <div class="align-center container-fluid">
        <iframe src="https://oopz.cn/i/9XgUt9" frameborder="0"></iframe>
    </div>
</section>
<div class="container">
    <div class="row justify-content-center" style="opacity:1; background-color: rgb(255, 255, 255);">
        <div class="col-12 col-lg-10">
            <div class="image-wrapper">
                <p class="mbr-description mbr-fonts-style mt-2 align-center display-4"><b>本工具整合自[oopz.cn]</b></p>
            </div>
        </div>
    </div>
</div>
<!--plugin end-->



<section class="footer7 cid-seeJHoNSny" once="footers" id="footer7-p">
    <div class="container">
        <div class="media-container-row align-center mbr-white">
            <div class="col-12">
                <p class="mbr-text mb-0 mbr-fonts-style display-7">Copyright (C) SQUARE ENIX CO., LTD. All Rights Reserved.<br>Copyright&nbsp;(C) Crystal Alliance cir. All Rights Reserved.
                </p>
            </div>
        </div>
    </div>
</section>

<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;"><a href="https://mobirise.site/n" style="flex: 1 1; height: 3rem; padding-left: 1rem;"></a><p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Page was <a href="https://mobirise.site/g" style="color:#aaa;">designed</a> with Mobirise</p></section><script src="./assets/web/assets/jquery/jquery.min.js"></script>  <script src="./assets/popper/popper.min.js"></script>  <script src="./assets/tether/tether.min.js"></script>  <script src="./assets/bootstrap/js/bootstrap.min.js"></script>  <script src="./assets/smoothscroll/smooth-scroll.js"></script>  <script src="./assets/ytplayer/jquery.mb.ytplayer.min.js"></script>  <script src="./assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>  <script src="./assets/dropdown/js/nav-dropdown.js"></script>  <script src="./assets/dropdown/js/navbar-dropdown.js"></script>  <script src="./assets/touchswipe/jquery.touch-swipe.min.js"></script>  <script src="./assets/theme/js/script.js"></script>

</body>



<div id="foot"></div>
<script src="./assets/web/assets/jquery/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#foot").load("./additions/foot/profile-round.html");
    });
</script>
<!-- 引入访客统计模块 -->
<script src="visitor-tracker.js"></script>
<!-- Cloudflare Web Analytics -->
<script defer src='./lib/cloudflare/beacon.min.js' data-cf-beacon='{"token": "0e55e488041949479a3dace73ef940cd"}'>
</script>
<!-- End Cloudflare Web Analytics -->

</html>